<div class="my-4 footer">
    <div class="container">

        <div class="row justify-content-center">
            <div class="col-sm-12 col-lg-8">
                <hr>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-sm-12 col-lg-2">
                {{ if .Site.Params.copyright }}
                <div class="mx-0 mx-md-4 site-copyright">
                    {{ .Site.Params.copyright }}
                </div>
                {{ end }}
            </div>
            <div class="col-sm-12 col-lg-6">
                <div class="mx-0 mx-md-4 site-social">
                    <ul>
                        {{ if .Site.Params.contact }}
                        <li><a href="mailto:{{ .Site.Params.contact }}">Contact</a></li>
                        {{ end }}

                        {{ if .Site.Params.github }}
                        <li><a href="https://github.com/{{ .Site.Params.github }}" target="_blank">GitHub</a></li>
                        {{ end }}

                        {{ if .Site.Params.gitlab }}
                        <li><a href="https://gitlab.com/{{ .Site.Params.gitlab }}" target="_blank">GitLab</a></li>
                        {{ end }}

                        {{ if .Site.Params.medium }}
                        <li><a href="https://medium.com/@{{ .Site.Params.medium }}" target="_blank">Medium</a></li>
                        {{ end }}

                        {{ if .Site.Params.twitter }}
                        <li><a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank">Twitter</a></li>
                        {{ end }}

                        {{ if .Site.Params.linkedin }}
                        <li><a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}"
                                target="_blank">LinkedIn</a></li>
                        {{ end }}

                        {{ if .Site.Params.colophon }}
                        <li><a href="{{ .Site.Params.colophon }}">Colophon</a></li>
                        {{ end }}

                        {{ if .Site.RSSLink }}
                        <li><a href="{{ .Site.RSSLink }}" class="mr-0">RSS</a></li>
                        {{ end }}

                        {{ if .IsTranslated }}
                        <br />
                        {{ range .Translations }}
                        <li><a href="{{ .Permalink }}"><strong>{{ upper .Language.LanguageName }}</strong></a></li>
                        {{ end }}
                        {{ end }}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>